<script lang="ts" setup>
import DetailDialog from './components/detail-dialog.vue';
import Filter from './components/filter.vue';
import Handler from './components/handler.vue';
import Sheet from './components/sheet.vue';
import { createState } from './state';

definePage({
  meta: { title: '风险管控清单', order: 5 },
});
defineOptions({ name: 'IndexPage' });
const { page, detailDialogRef } = createState();
</script>

<template>
  <page-content>
    <template #header>
      <Filter />
      <Handler />
    </template>
    <Sheet />
    <DetailDialog ref="detailDialogRef" />
    <template #footer>
      <el-pagination
        v-model:current-page="page.currentPage.value"
        v-model:page-size="page.pageSize.value"
        :disabled="page.isLoading.value"
        :total="page.total.value"
      />
    </template>
  </page-content>
</template>
